<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <title>{$CAT[catname]}_{$MOD[name]}频道_映象网</title>
    <meta name="keywords" content="{$head_keywords}"/>
    <meta name="description" content="{$head_description}"/>
    <link rel="stylesheet" href="http://d1.hnr.cn/hnr2017/yjxsj/css/cen.css">
    <link rel="stylesheet" href="http://d1.hnr.cn/hnr2017/yjxsj/css/swiper.min.css">
    <link rel="stylesheet" href="{DT_STATIC}hnr/zt/xczx/css/zgs.css">
    <script src="http://d1.hnr.cn/hnr2017/yjxsj/js/jquery.min.js"></script>
    <script src="http://d1.hnr.cn/hnr2017/yjxsj/js/swiper.min.js"></script>
    <script src="{DT_STATIC}hnr/zt/xczx/js/cen.js"></script>
    <style>
        html{color:#fff;}
        .con,.programa{
            display: none;
        }
    </style>
    <!-- 统计代码 -->
    {template 'hnr_tongji'}
</head>
<body>
<div class="box">
    <div class="top">
        <!-- logo -->
        <div class="logo"><img src="" alt=""></div>
    </div>
    <!-- 封面 -->
    <div class="cover_box">
        <div class="cover_begin"><img src="{DT_STATIC}hnr/zt/xczx/img/fm-ksyd.png" alt="开始阅读"></div>
    </div>
    <!-- 列 -->
    <div class="swiper-container con">
        <div class="swiper-wrapper">
            <!--{php $tags=tag("moduleid=44&condition=catid=1055 and status=3&offset=0&pagesize=100&order=level desc,addtime desc&template=null");}-->
            {loop $tags $t}
            <div class="content swiper-slide">
                <div class="content_li_3">
                    <div class="content_top">
                        <div class="xlrandom">
                            第<span style="color: #fff;font-size: 175%; padding: 0px 3px;">{$copyfrom}</span>期
                        </div>
                    </div>
                    <!-- 视频 -->
                    <div class="content_video">
                        <!-- 播放控制 controls="controls" -->
                        <div class="content_button">
                            <img src="{DT_STATIC}hnr/zt/xczx/img/anbf.png" alt="{$t[alt]}"/>
                        </div>
                        <video class="example_video" poster="{$t[thumb]}" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" width=100%; style="object-fit: fill">
                            <source src="{$t[mmlurl]}" type='video/mp4' />
                        </video>
                        <h3 class="content_periods_headline" style="font-size: 16px;font-weight: bold;">{title($t,'headline')}</h3>
                        <p style='color: #fff;overflow: hidden;' class="content_p">{$t[introduce]}</p>
                    </div>
                    <!-- 链接 -->
                    <div class="content_periods_link"><a href="{$t[linkurl]}"><img src="{DT_STATIC}hnr/zt/xczx/img/list_btn.png" alt="开始阅读"></a></div>
                </div>
            </div>
            {/loop}
        </div>
    </div>
    <!-- 目录 -->
</div>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        // autoplay: 5000,//可选选项，自动滑动
        direction : 'horizontal',//水平滑动
        speed:300,//滑动速度
        loop: true,
        shortSwipes : true,
        autoplayDisableOnInteraction : false,
        autoplayStopOnLast : true,
        hashnav:true,
        width : window.innerWidth,
        // onSlideChangeStart: function(swiper){
        //     var index = swiper.activeIndex;
        //     $('.example_video').eq(index)[0].pause();
        // },
        onSlideChangeEnd: function(swiper){
            var index = swiper.activeIndex;
            var example_vi = $('.example_video');
            for(var i = 0; i < example_vi.length; i++){
                example_vi[i].pause();
            }
            // $('.example_video').eq(index-1)[0].pause();
            // $('.example_video').eq(index+1)[0].pause();
        }
    });
    $(".programa_li_3 .programa_list_li_text_title").each(function(e){
        $(this).click(function(){
            $('.programa').hide();
            // $('.con').show();
            $('.con').css({'left':'0'});

            mySwiper.slideTo(e + 1, 1000, false);//切换到第一个slide，速度为1秒

        });
    });
    $('.content_top').click(function(event) {
        $('#i1')[0].pause()
    });

</script>
<!--微信分享 开始-->
{php $wxpic=$thumb}
{php $title="H5:“牢记总书记嘱托 实现乡村振兴”系列评论"}
{template 'hnr_share'}
<!--微信分享 结束-->
</body>
</html>